<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			.pic{
				text-align: center;
				margin: 100 auto;
			}
			#pb{
				font-size: 16px;
			}
			button{
				margin-top: 10px;
			}
		</style>
	</head>
	<body>
		<div class="pic">
			<img id="scene" src="img/scene0.png" alt="">
			<div id="pb">welcome to this story! please choose</div> 
			<button id="" onclick="Select(1)">1</button> or
			<button id="" onclick="Select(2)">2</button>
		</div>
		<script type="text/javascript">
			var sc=0;
			function Select(choose){
				if(sc==0){
					sc=1;
					pb.innerHTML="旅途开始，请你选择"
				}
				else if(sc==1){
					if(choose==1){
						sc=2;
						pb.innerHTML=""
					}
					else{
						sc=3;
						pb.innerHTML=""
					}
				}
				else if(sc==2){
					if(choose==1)
					sc=4;
					else
					sc=5;
				}
				else if(sc==3){
					if(choose==1){
						sc=7;
						pb.innerHTML="要不要跟它saysay让它别吃我"
					}
					else{
						sc=8;
						pb.innerHTML="大难不死必有后福！"
					}
					
				}
				else if(sc==4){
					if(choose==1){
						sc=8;
						pb.innerHTML="我的天，差点没了";
					}
					else{
						sc=5;
						pb.innerHTML="w没了"
					}
				}
				else if(sc==5){
					
				}
				else if(sc==6){
					
				}
				else if(sc==7){
					if(choose==1){
						sc=6;
						pb.innerHTML="它不想聊天，它只是饿了，凉了"
					}
					else{
						sc=9;
						pb.innerHTML="算了，逃命吧。。。"
					}
				}
				document.getElementById("scene").src = "img/scene" + sc + ".png";
			}
		</script>
	</body>
</html>
